import styled from 'styled-components'
import border from 'components/styled/border'


const ListProvider = styled.div `
    height:100%;
    /* overflow:scroll */
    z-index:0;
`

const LiContainer =
    styled.li `
    
       
    }
    padding:0.05rem 0.13rem;
    .newsBody{
        display:flex;
        /* justify-content:space-between; */
        margin-top:0.05rem;
        flex-direction:row;
        .left{
            height:0.82rem;
            width:1.23rem;
            border-radius:0.1rem
        }
        .right{
            padding-left:0.2rem;
            width:calc(100% - 134px);
            h1{
                font-size: 0.17rem;
                color: #303132;
                font-weight: 600;
                line-height: 0.28rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical
                                
            }
            p{
                font-size: 0.14rem;
                color: #aaaeb3;
                font-weight: 400;
                line-height: 0.22rem;
                margin-top:0.08rem;
                width:100%;
                white-space: nowrap;    /*规定文本不换行**/
                text-overflow: ellipsis;  /**显示省略符号来代表被修剪的文本。*/
                overflow: hidden;
            }
        }
    }
    .newbottom{
        /* padding: 0 0.15rem; */
        padding: 0  0.15rem 0 0;
        display:flex;
        justify-content:space-between;

        align-items:center;
        .time{
            font-size: 0.14rem;
            color: #b2b5bf;

        }
        div{
            span{
                margin-left:0.15rem;
                i{
                    color:#b2b5bf;
                    font-size:0.15rem;
                }
                .browse{
                    font-size:0.19rem;

                }
                .like{
                    font-size:0.12rem;
                }
                b{
                    color:#b2b5bf;
                    margin-left:0.05rem;
                }
            }
        }
    }
`
export {
    LiContainer,
    ListProvider
}